<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>后台首页</title>

    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/skin_/main.css">
    <link rel="stylesheet" href="css/fontawesome-all.css">
</head>
<body>

<div class="content-container">
    <ul class="icons-list">
        <li>
            <a href="#">
                <p><img src="images/skin_/t01.png" alt="我的桌面"></p>
                <p>我的桌面</p>
            </a>
        </li>
        <li>
            <a href="#">
                <p><img src="images/skin_/t02.png" alt="新闻资讯"></p>
                <p>新闻资讯</p>
            </a>
        </li>
        <li>
            <a href="#">
                <p><img src="images/skin_/t03.png" alt="公告通知"></p>
                <p>公告通知</p>
            </a>
        </li>
        <li>
            <a href="#">
                <p><img src="images/skin_/t04.png" alt="工作计划"></p>
                <p>工作计划</p>
            </a>
        </li>
        <li>
            <a href="#">
                <p><img src="images/skin_/t05.png" alt="通讯录"></p>
                <p>通讯录</p>
            </a>
        </li>
        <li>
            <a href="#">
                <p><img src="images/skin_/t06.png" alt="我的邮件"></p>
                <p>我的邮件</p>
            </a>
        </li>
        <li>
            <a href="#">
                <p><img src="images/skin_/t07.png" alt="我的日志"></p>
                <p>我的日志</p>
            </a>
        </li>
        <li>
            <a href="#">
                <p><img src="images/skin_/t08.png" alt="待办事宜"></p>
                <p>待办事宜</p>
            </a>
        </li>
        <li>
            <a href="#">
                <p><img src="images/skin_/t09.png" alt="收藏夹"></p>
                <p>收藏夹</p>
            </a>
        </li>
        <li>
            <a href="#">
                <p><img src="images/skin_/t10.png" alt="浏览器"></p>
                <p>浏览器</p>
            </a>
        </li>
    </ul>

    <!--主体部分-->
    <div id="main-content">
        <section class="content-item">
            <div class="content-item-top">
                <h5>用户访问量</h5>
                <div class="item-top-icons">
                    <i class="fas fa-sync"></i>
                    <i class="fas fa-cog"></i>
                    <i class="fas fa-share-square"></i>
                    <i class="fas fa-times-circle"></i>
                </div>
            </div>
            <div class="content-item-bottom chart-table">
                <canvas id="visitedCount"></canvas>
            </div>
        </section>
        <section class="content-item">
            <div class="content-item-top">
                <h5>待办事项</h5>
                <div class="item-top-icons">
                    <i class="fas fa-sync"></i>
                    <i class="fas fa-cog"></i>
                    <i class="fas fa-share-square"></i>
                    <i class="fas fa-times-circle"></i>
                </div>
            </div>
            <div class="content-item-bottom">
                <ul>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                </ul>
            </div>
        </section>
        <section class="content-item">
            <div class="content-item-top">
                <h5>日程安排</h5>
                <div class="item-top-icons">
                    <i class="fas fa-sync"></i>
                    <i class="fas fa-cog"></i>
                    <i class="fas fa-share-square"></i>
                    <i class="fas fa-times-circle"></i>
                </div>
            </div>
            <div class="content-item-bottom">
                <ul>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                </ul>
            </div>
        </section>
        <section class="content-item">
            <div class="content-item-top">
                <h5>浏览器访问统计</h5>
                <div class="item-top-icons">
                    <i class="fas fa-sync"></i>
                    <i class="fas fa-cog"></i>
                    <i class="fas fa-share-square"></i>
                    <i class="fas fa-times-circle"></i>
                </div>
            </div>
            <div class="content-item-bottom chart-table">
                <canvas id="clientPercent"></canvas>
            </div>
        </section>
        <div class="content-item">
            <div class="content-item-top">
                <h5>新闻资讯</h5>
                <div class="item-top-icons">
                    <i class="fas fa-sync"></i>
                    <i class="fas fa-cog"></i>
                    <i class="fas fa-share-square"></i>
                    <i class="fas fa-times-circle"></i>
                </div>
            </div>
            <div class="content-item-bottom">
                <ul>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                </ul>
            </div>
        </div>
        <section class="content-item">
            <div class="content-item-top">
                <h5>我的邮件</h5>
                <div class="item-top-icons">
                    <i class="fas fa-sync"></i>
                    <i class="fas fa-cog"></i>
                    <i class="fas fa-share-square"></i>
                    <i class="fas fa-times-circle"></i>
                </div>
            </div>
            <div class="content-item-bottom">
                <ul>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                    <li>
                        <a href="#">崔永元指出范爷偷税漏税，在娱乐圈引起轩然大波！</a>
                    </li>
                </ul>
            </div>
        </section>
    </div>
</div>

<script src="js/jquery-3.3.1.js"></script>
<script src="js/Chart.bundle.js"></script>
<script src="js/skin_/main.js"></script>
</body>
</html>